$(function(){
	$("#faqs").on("click", function(){
		get_page('home/faqs?tic=si', 'modal_footer');
	});
	$("#about").on("click", function(){
		get_page('home/about?tic=si', 'modal_footer');
	});

	$('#mnu-perfil').on('click', function() {
    get_page('tic/home/perfil', 'modal_footer_perfil');
  });

  chatBox.init('chat');
  updatePerfil.init();

});

function get_page(pag, id){
  // base_url+pag+"?tic=si"
	$.getJSON(base_url+pag,
		function(data){
			$('#'+id).modal();
			$("#"+id+" .modal-body").html(data.html);
			var title = $("#"+id+" .modal-body .overview h3:first");

			$("#"+id+" #modal_footerLabel").html(title.html());
			title.remove();
	});
}




var chatBox = (function ($) {

  var chat = {}, parent,
  chat_content, http_req = undefined;

  // Inicializa el chatBox
  function initialize (id) {
    parent = $('#'+id);

    chat_content = $("#chat-content");
    // $('.chat-content').scrollbarPaper();
    onClickBtns();

    $('#send-msg').on('keydown', function(event) {
      if (event.keyCode === 13) {
        event.preventDefault();
        ajaxSendMessage(this);
      }
    });

    $("#close_globo").on('click', function(){
      $.get(base_url+"tic/home/ajax_resetchat");
      $("#globo_chat").remove();
    });
  }

  // Al dar click en los botones que lanzan el chatbox
  function onClickBtns () {
    $('#mnu-mensajes').on('click', function(event) {
      event.preventDefault();
      $('#mensajes').click();
    });

    $('#mensajes').on('click', function(event) {
      event.preventDefault();
      toggleChat(this);
      $("#globo_chat").remove();
    });
  }

  //  Muestra u Oculta el ChatBox y cambia de color el boton "mensajes"
  function toggleChat (btn) {
    if (parent.css('display') === 'none') {
      ajaxLoadMessages();
    } else {
      parent.toggle();
    }
    $(btn).toggleClass('active-btn');
    $("i", btn).toggleClass('icon-white');
  }
var conta = 0;
  // Carga los mensajes del usuario y construye su html
  function ajaxLoadMessages () {
    parent.toggle();
    create_loader();

    if (http_req != undefined) { http_req.abort(); }; //cierra las peticiones anteriores
    http_req = $.post(base_url+'tic/home/ajax_carga_mensajes', {}, function(response) {
      var html_msgs = '';
      for (var i in response.mensajes) {
        if (response.mensajes[i].usuario_res === null) {
          html_msgs += '<div class="msg msg-user">' +
                          '<i class="msg-poli-user"></i>' +
                          response.mensajes[i].mensaje +
                       '</div>';
        } else {
         html_msgs += '<div class="msg msg-admin">' +
                        '<i class="msg-poli-admin"></i>' +
                        response.mensajes[i].mensaje +
                      '</div>';
        }
      }
      chat_content.html(html_msgs);
      
      moveScrollDown();
    }, "json").complete(function(){
      http_req = undefined;
      close_loader();
    });
  }

  // Envia mensaje mediante ajax
  function ajaxSendMessage (obj) {
    var textarea = $(obj),
        message = textarea.val(),
        html_msg = '<div class="msg msg-user">' +
                      '<i class="msg-poli-user"></i>' +
                       message +
                    '</div>';

    if (message !== '') {
      $.post(base_url+'tic/home/ajax_envia_mensaje', {'mensaje': message}, function(response) {
        $(html_msg).appendTo(chat_content);
        textarea.val('');
        noty({"text":'Mensaje enviado correctamente.', "layout": "topRight", "type": 'success'});
        chat_content.animate({scrollTop: chat_content.prop('scrollHeight')}, 500);
      });
    }
  }

  function moveScrollDown () {
    setTimeout(function(){
      var height = document.getElementById("chat-content").scrollHeight;
      $('#chat-content').scrollTop(height);
    }, 50);
  }


  function create_loader(){
    chat_content.html('<div id="chat_ajax_loader" style="margin:50px 0 0 80px;">Cargando...</div>');
  }
  function close_loader(){
    $("#chat_ajax_loader").remove();
  }

  chat.init = initialize;
  return chat;
})(jQuery);



var updatePerfil = (function ($) {

  var upd = {};

  function initialize () {

    $('#dropdown-menu-perfil').on('click', function(event) {
      $('#mnu-perfil').click();
    });

    $('#update_perfil').on('click', function(event) {
      event.preventDefault();
      ajaxUpdatePerfil();
    });

    $('#dropdown-menu-perfil').on('click', function(event) {
      $('#mnu-perfil').click();
    });

    // $('#form_update_perfil').find('input[type="text"]').on('keydown', function(event) {
    //   if (event.keyCode === 13) {
    //     event.preventDefault();
    //     $('#update_perfil').click();
    //   }
    // });
  }

  function ajaxUpdatePerfil () {
    var post = {};
    post.nombre           = $('#fnombre').val();
    post.email            = $('#femail').val();
    post.organizacion     = $('#forga option:selected').val();
    post.contra_actual    = $('#fpactual').val();
    post.contra_nueva     = $('#fpnueva').val();
    post.contra_confirmar = $('#fpconfirmar').val();

    $.post(base_url+'tic/home/ajax_update_perfil', post, function(response) {
      noty({"text":response.frm_errors.msg, "layout": "topRight", "type": response.frm_errors.ico});
      if (response.frm_errors.ico === 'success') {
        $('#fpactual').val('');
        $('#fpnueva').val('');
        $('#fpconfirmar').val('');
      }
    }, "json");
  }

  upd.init = initialize;
  return upd;
})(jQuery);


function pagosPendientes(){
        $.getJSON(base_url+"tic/home/pagos_pendientes",
                function(data){
                        var produc = $("#productos_pqpendie");
                        produc.html("");
                        $(data.articulos).each(function(index, value){
                                produc.append('<tr>'+
                                                                                '       <td>'+value.id_paquete+'</td>'+
                                                                                '       <td><span class="label label-warning">'+value.tipo+'</span></td>'+
                                                                                '       <td>'+value.descripcion+'</td>'+
                                                                                '       <td>$'+value.costo+'</td>'+
                                                                                '</tr>');
                        });
                        $("#fpaquetes").val(data.paquetes);
                        $("#furlr").val( $("#url_redirect").val() );

                        $('#modalPaquetePendient').modal();
        });
}
function sendPagoPendiente(obj){
        if ($("#fpaquetes").val() != '' && $("#fpaquetes").val() != 'false'){
                $('#moda_pagopen').click();
        }else{
                noty({"text": "No hay pagos pendientes", "layout":"topRight", "type": "information"});
                $(obj).attr("disabled", "disabled");
        }
}